<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预约</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 登录 -->
    <div class="login">
        <div class="logo">
            <img src="./img/logo.png" alt="">
        </div>
        <div class="input-box">
            <div>
                <input class="name" type="text" placeholder="姓名">
            </div>
            <div>
                <input class="phone" type="text" placeholder="+86">
            </div>
            <div>
                <input class="card" type="text" placeholder="身份证号码">
            </div>
        </div>
        <div class="btn-box">
            <button class="myAppoint">我的预约</button>
            <button class="start">开始预约</button>
        </div>
    </div>

    <!-- 预约 -->
    <div class="appointment">
        <div class="top">
            <select id="data">
            </select>
            <div class="booking">我的预约></div>
        </div>
        <div class="content">
            <div class="title">
                <h4>场次</h4>
                <h4>状态</h4>
            </div>
            <div class="list">
                <ul>
                </ul>
            </div>
        </div>
        <span>★ 一个手机号，一天只能预约一场。</span>
        <div class="login-back"> &lt login </div>
    </div>
    
    <!-- 我的预约 -->
    <div class="myBooking">
        <div class="booking-top">
            <h4>我的预约</h4>
            <div class="booking-back"><h4>预约></h4></div>    
        </div>
        <div class="record">
            <div class="recordBox">
                <p>无记录</p>
            </div>
        </div>
    </div>

    <!-- 邀请函 -->
    <div class="invitation">
    </div>

    <script src="./js/ajax.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>